/**
 * 小木学堂003期 封装滑出层组件
 */
var LayerUtil={
		open:function(params){
			LayerUtil.clearBodyHeight();
			var layerId_f="xmlayer_"+new Date().getTime()+"_";
			var maskId=layerId_f+"mask";
			var layerId=layerId_f+"layer";
			var tpl='<div id='+maskId+' class="xmlayer-mask"></div><div id='+layerId+' class="xmlayer-portal"><img class="xmlayer-close" src="static/css/imgs/close.png"/></div>';
			$("body").append(tpl);
			var mask=$("#"+maskId);
			var portal=$("#"+layerId);
			mask.show();
			portal.show();
			portal.animate({"right":0});
			//绑定事件
			LayerUtil.bindEvent(mask,portal);
			//加载url内容
			LayerUtil.load(portal,params.url);
		},
		load:function(portal,url){
			if(url.indexOf("?")!=-1){
				url=url+"&r="+new Date().getTime();
			}else{
				url=url+"?r="+new Date().getTime();
			}
			$.get(url,function(result){
				portal.html(result);
			});
		},
		clearBodyHeight:function(){
			$("body").addClass("clearBodyHeight");
		},
		returnBodyHeight:function(){
			$("body").removeClass("clearBodyHeight");
		},
		close:function(mask,portal){
			LayerUtil.returnBodyHeight();
			//执行了mask和portal的关闭
			mask.fadeOut(100,function(){
				mask.remove();
			});
			portal.fadeOut(100,function(){
				portal.remove();
			});
		},
		bindEvent:function(mask,portal){
			//黑色背景mask的点击关闭事件
			mask.on("click",function(){
				LayerUtil.close(mask,portal);
			});
			//右上角的关闭按钮事件
			portal.find(".xmlayer-close").on("click",function(){
				LayerUtil.close(mask,portal);
			});
		}
}
